﻿ <div class="clockTimer"  style="display: none;" >
        <span id="minute"></span> :
        <span id="second"></span>
</div>

 
 <style type="text/css">
.clockTimer{
    color: #FFFFFF;
    float: right;
    font-size: 1.5em;
    font-weight: bold;
    margin-right: 28px;
    margin-top: 7px;
    text-align: center;
    width: 95px;
    }
.clockTimer { }
 </style>

<script type="text/javascript">
    $(function () {
        $('#minute').text("01");
        $('#second').text("00");
        setInterval(countdown, 1000);
    });
    
    function countdown() {
        var minute = $('#minute');
        var second = $('#second');
        if (minute.length == 0 && parseInt(second.html()) <= 0) {
            $('.clockTimer').html('Timer Complete.');
        }
        if (parseInt(second.html()) <= 0) {
            minute.html(parseInt(minute.html() - 1));
            second.html(60);
        }
        if (parseInt(minute.html()) < 0) {
            $(".clockTimer").hide();
            window.location.href = "/Home/Index"; 
        }
        second.html(parseInt(second.html() - 1));
    }
</script>